<template>
  <div class="drawApply-wrap">
    <G_header title="充值中心" />
    <van-icon color="#E6A23C" size="5rem" style="margin-top: 3rem" name="balance-o" />
    <p>可提现余额</p>
    <h2>{{ userInfo.account.money | money }} </h2>
    <div class="main">
      <p>
        <router-link :to="links.recharge">
          <van-button block hairline size="small" type="primary">充值</van-button>
        </router-link>
      </p>
      <p>
        <van-button :to="links.draw" style="background-color:#C0C4CC;color:white" block hairline size="small" type="default">提现</van-button>
      </p>
    </div>
    <div class="footer">帮助中心</div>
  </div>
</template>

<script>
export default {
  name: "DrawApply",
  data() {
    return {
      links:{
        recharge: '/drawApply/recharge',
        draw:'/drawApply/type'
      },
      userInfo:null,
    }
  },
  created(){
    this.userInfo = this.global.state.userInfo;
    console.log(this.userInfo)
  },
  methods: {

  },
  components: {
  }
};
</script>
<style scoped>
.drawApply-wrap {
  position: relative;
  min-height: 100vh;
  text-align: center;
  background-color: white;
}
.main {
  margin-top: 9rem;
}
.main p {
  display: blcok;
  width: 40%;
  padding: 10px 0 10px;
  margin: 0 auto;
}
.footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 15px;
  color:#409EFF
}
</style>
